@import '~bootstrap/scss/bootstrap';
@import '~bootstrap-icons/font/bootstrap-icons.css';
@import '~datatables.net-bs5/css/dataTables.bootstrap5.css';
@import '~datatables.net-colreorder-bs5/css/colReorder.bootstrap5.css';
@import '~datatables.net-buttons-bs5/css/buttons.bootstrap5.css';

$gender-colours: (
  'default': $gray-600,
  'male': $blue-400,
  'female': $pink-400,
  'trans': $purple-400,
);

@each $name, $value in $gender-colours {
  .bg-#{$name} {
    background-color: $value;
  }
}
